事件修飾符號

• 今天接著介紹有什麼樣的場景會不希望事件進行傳遞，在昨天的例子中，當使用者點擊內層的元件時，只想讓其觸發內層元件所綁定的方法，當使用者點擊外層元件時，只觸發外層元件綁定的方法，這時候就需要用Vue中的另外一個事件修飾符號Stop。
• Stop的作用就是可以阻止事件的傳遞。

<div @click.stop="click1" style="border:solid red">
    外層
    <div @click.stop="click2" style="border:solid red">
        中層
        <div @click.stop="click3" style="border:solid red">
            點擊
        </div>
    </div>
</div>

• 此時再點擊時，只有被點擊的元件所綁定的方法會被呼叫。
• 除capture和stop事件修飾符號外，還有一些常用的修飾符號，整體列舉如下表：

• 需要注意的是，事件修飾符號可以串聯使用：

<div @click.stop.once="click3" style="border:solid red">
    點擊
</div>

這種寫法就可以阻止事件傳遞，又能控制只觸發一次事件。

• 對於鍵盤而言，Vue還定義了一組按鈕別名事件修飾符號，之後會再具體介紹！

• 今天的內容就先到這邊，明天要介紹的是一些Vue中的事件類型。